{% extends 'base.html' %}
{% block title %}
    {{ title | default('资产管理系统') }}
{% endblock title %}
{% block pageHead %}
    <h3>{{ pageHead | default('资源总览信息') }}</h3>
{% endblock pageHead %}
{% block pageContent %}
    <div class="row">
        <div class="col-md-6">
            <section class="panel">
                <header class="panel-heading">
                    平台主机状态(灰色：下线，蓝色：上线)
                    <span class="tools pull-right">
                        <a class="fa fa-repeat box-refresh" href="javascript:;"></a>
                        <a class="t-collapse fa fa-chevron-down" href="javascript:;"></a>
                        <a class="t-close fa fa-times" href="javascript:;"></a>
                    </span>
                </header>
                <div class="panel-body">
                    <div class="chartJS">
                        <canvas id="bar-chart-js" height="240" width="100%" ></canvas>
                    </div>
                </div>
            </section>
        </div>

        <div class="col-md-6">
            <section class="panel">
                <header class="panel-heading">
                    平台资源总览(一小时访问量,绿色：峰值，蓝色：均值，黄色：谷值)
                    <span class="tools pull-right">
                        <a class="fa fa-repeat box-refresh" href="javascript:;"></a>
                        <a class="t-collapse fa fa-chevron-down" href="javascript:;"></a>
                        <a class="t-close fa fa-times" href="javascript:;"></a>
                    </span>
                </header>
                <div class="panel-body">
                    <div class="chartJS">
                        <canvas id="line-chart-js" height="240" width="100%" ></canvas>
                    </div>
                </div>
            </section>
        </div>

    </div>
{% endblock pageContent %}
{% block js %}
    <!--Chart JS-->
    <script src="{{ url_for('static', filename='js/chart-js/chart.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/chartJs-init.js') }}"></script>
{% endblock js %}